/*澶撮儴*/
header{
	font-size: 1.5rem;
	height: 4.8rem;
	line-height: 4.8rem;
	background: #F6F6F6;
	color: #010101;
	display: flex;
	justify-content: space-between;
	width: 97%;
	padding:锛愩��3% ;
	cursor: pointer;
	position: fixed;
	left: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 999;
}
/*宸﹁竟鐨勭澶�*/
header div:nth-of-type(1) span{
	width: 1rem;
	height: 1rem;
	border-radius:0.2rem ;
	display: block;
	border-left:0.15rem solid #000000 ;
	border-bottom:0.15rem solid #000000 ;
	transform: rotateZ(45deg);
	margin-top: 2rem;
	cursor: pointer;
}


/*鏍囬*/
.headlines-title{
	height: 3rem;
	line-height: 3rem;
	background: #FFFFFF;
	display: flex;
	justify-content: space-around;
	text-align: center;
	/*鏍囬涓嬫柟鐨�5dp鐨勭伆鑹叉潯*/
	position: fixed;
	top:4.4rem;
	margin-top: 0 !important;
	width: 100%;
	/* box-shadow: 1px 1px 2px #BABABA; */
	font-size:1.5rem;
}
article > ul  li{
	height: 3rem;
	cursor: pointer;
	font-size: 1.2rem;
	color: #000000;
	position: relative;
}

/*鏂囧瓧鐨勯鑹�*/
.active{
	color: #3794e2;
	border-bottom:1px solid #3794e2;
}

/*涓嬫柟鍐呭*/
.content{
	width: 100%;
	margin-top:7.4rem;
}
/*鍏ㄩ儴  鍒楄〃*/
.content > ul{
	width: 100%;overflow:hidden;
}
/*鏄剧ず鍏冪礌*/
.content ul.block{
	width: 100%;
	display: block;
	background: #F4F4F4;
}

.content > ul > li{
	background: #F4F4F4;	
}


.order-store{
	margin-bottom: 1rem;
} 

/*姣忎釜搴楅摵鐨勬爣棰�*****/
.order-title{
	padding: 0 2.66%;
	height: 3.6rem;
	line-height: 3.6rem;
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	cursor: pointer;
	margin-bottom: 0.1rem;
}
/*搴楅摵鍚嶅乏杈归儴鍒�*/
.order-title-left{
	font-size: 1.5rem;
	color: #000000;
}
/*搴楅摵鍚�*/
.order-title-left i.icon-dayuhao{
	font-size:1.2rem !important;color:#bababa;}


/*鍗栧宸插彂璐�*/
.order-title-right{
	font-size: 1.3rem;
	color: #8B8B8B;
}

.order-store >li{
	margin-bottom: 0.5rem;
}
/*鍒楄〃鍐呭*/
.order-store >li .order-content{
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	padding: 1rem 2.66%;
}
.order-content-img{background:#b3b3b3;text-align:center;width:32%;max-height:9rem;line-height:9rem;border-radius:0.5rem;overflow:hidden;}
.order-content-img img{width:100%;height:100%;vertical-align:inherit;}
.order-content-text{
	width: 50%;
	font-size: 1.2rem;
	margin-left:2%;
}
.order-content-text p{height:4.6rem;overflow:hidden;font-size:1.3rem;line-height:1.6rem;}
.order-content-text div{
	color: #BABABA;
	margin-top: 0.5rem;
}
.goods-color{
	margin-right: 0.4rem;
}

.order-price{
	color: #BABABA;
	text-align: end;
}
.order-price p:nth-of-type(1){
	color: #FF4D4D;
	font-size: 1.4rem;
}
.order-price p:nth-of-type(2){
	text-decoration: line-through;
}
.order-price p span:nth-of-type(1){
	font-size: 0.9rem;
}
/*鎬昏垂鐢�*/
.order-total-price{
	/* width: 94.68%; */
	padding: 1rem 2.66%;
	margin-top: 0.1rem;
	font-size: 1.2rem;
	color: #000000;
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
}

/*鎸夐挳*/
.order-btn{
	/* width: 94.68%; */
	padding: 1rem 2.66%;
	margin-top: 0.1rem;
	display: flex;
	justify-content: space-between;
	background: #FFFFFF;
	
}

.order-btn-button input:last-child{
	margin-left: 1.6rem;
}

.order-btn-button input{
	padding:0 0.8rem;
	height: 2.5rem;
	font-size: 1.4rem;
	color: #838383;
	background: none;
	outline: medium;
	border-radius:0.5rem ;
	border:0.05rem solid #838383;
	cursor: pointer;
}
/*閫夋嫨鍣ㄤ紭鍏堢骇*/
.order-btn-button input.order-btn-active{
	color: #ff4343;	
	border:0.05rem solid #ff4343;
}
.order-btn-button input.cancel-order{
	
}

footer{
	text-align: center;
	background: #FFFFFF;position:inherit;height:3rem;line-height:3rem;border-top:0.1rem solid #f4f4f4;border-bottom:0.1rem solid #f4f4f4;
}

.contain{float:left;}

/*纭鍙戣揣*/
ul.confirm-delivery li:first-child{background:#fff;/* width:94.68%; */padding:0.8rem 2.66% 1.5rem;margin-bottom:0.1rem;}
ul.confirm-delivery li:first-child p{line-height:2.6rem;}
ul.confirm-delivery li:first-child p span{font-size:1.3rem;color:#000;margin-right:4rem;}
ul.confirm-delivery li:first-child p span:nth-child(2){margin-right:0;}
ul.confirm-delivery li:first-child p label{font-size:1.4rem;color:#838383;}
ul.confirm-delivery .order-title{padding-top:0.7rem;}
ul.confirm-delivery .order-title .order-title-right{color:#ff4d4d;}
ul.confirm-delivery .order-content-text{width:61%;position:relative;height:3rem;}
ul.confirm-delivery .order-content-text div{display: flex;justify-content: space-between;margin-top:0;position:absolute;bottom:1rem;width:100%;color:#000;}
ul.confirm-delivery .order-content-text p{height:inherit;}
ul.confirm-delivery .order-content-text div .order-price{color:#000;}
ul.confirm-delivery li.logistics{width:100%;}
ul.confirm-delivery li.logistics ul{width:100%;}
ul.confirm-delivery li.logistics ul li{width:94.68%;padding:0 2.66%;background:#fff;}
ul.confirm-delivery li.logistics ul li:first-child{padding:2rem 2.66% 2rem;margin-bottom:0;}
ul.confirm-delivery li.logistics ul li strong{font-weight:normal;font-size:1.3rem;color:#000;}
ul.confirm-delivery li.logistics ul li select{width:14rem;height:2.5rem;line-height:2.5rem;text-indent:0.5rem;margin-left:0.5rem;background:url(../img/select_bg.png) no-repeat center right 1rem;border:0.1rem solid #bababa;outline:none;}
ul.confirm-delivery li.logistics ul li input{padding-left:0.5rem;border:0;width:10.7rem;line-height:1.5rem;border-bottom:0.1rem solid #a0a0a0;color:#000;font-size:1.3rem;outline:none;}
ul.confirm-delivery li.logistics ul li input::-webkit-input-placeholder{color:#d5d5d5;}

/*纭閫�娆�*/
ul.drawback li:first-child p{line-height:inherit;}
ul.drawback li:first-child p span{margin-right:0;}
ul.drawback .order-title{margin-bottom:0;border-bottom:0.1rem solid #f4f4f4;}
li.orderListDetail{background:#fff;width:100%;}
li.orderListDetail ul{width:100%;background:#fff;padding:0.5rem 0;}
li.orderListDetail ul li{color:#000;font-size:1.1rem;line-height:2rem;background:#fff;width:94.68%;padding:0 2.66%;}
li.orderListDetail ul li:first-child{padding:0 2.66%;}
li.btn_confirm{width:100% !important;padding:0 !important;margin:5rem 0 0;}
li.btn_confirm input{height:3.5rem;line-height:3.5rem;border:0;width:80% !important;border-bottom:0 !important;outline:none;margin:0 auto;display: block;color:#fff !important;font-size:1.5rem !important;border-radius:2rem;background:#ff4343;padding-left:0 !important;}
li.logistics ul{background:#fff;padding-bottom:2rem;}

/*鍟嗗璁㈠崟*/
.order-business .order-store li{background:#fff;}
.order-business .order-store .comment-time{width:94.68%;margin:0 auto;}
.order-business .order-store .comment-time span{color:#bababa;font-size:1.25rem;margin-right:0.5rem;}
.order-business .order-store .comment-con{width:94.68%;margin:1rem auto 0;display: flex;justify-content: space-between;}
.order-business .order-store .comment-con textarea{resize: none;border:0;outline:none;font-size:1.2rem;color:#000;overflow:hidden;}
.order-business .order-store .comment-con .order-title-right{color:#12AAE6;font-size:1.2rem;}
.order-business .order-store .order-title .order-title-left{clear:both;}
.order-business .order-store .order-title .order-title-left .businessPic{width:3rem;height:3rem;border-radius:50%;background:#838383;overflow:hidden;text-align:center;float:left;margin:0.3rem 1rem 0.3rem 0;}
.order-business .order-store .order-title .order-title-left .businessPic img{vertical-align:inherit;width:100%;height:100%;}
.order-business .order-store .order-title .order-title-left span{font-size:1.3rem;}
.order-business .order-store .order-content-text p{height:5rem;margin-bottom:2rem;}
.order-business .order-store .order-content-text span{margin-top:3rem;color:#838383;}
.order-business .order-store .order-btn{}
.order-business .order-store .order-btn .operate-times{line-height:2.5rem;}
.order-business .order-store .order-btn .operate-times span{color:#bababa;font-size:1.2rem;margin-right:0.5rem;}

/*杈撳叆鏀粯瀵嗙爜*/
.wrap{
width:100%;
height:auto; 
display:none;position:fixed;bottom:0;left:0;
}
.inputBoxContainer{
width:240px;
height:38px;
margin:0 auto;
position: relative;
}
.inputBoxContainer .bogusInput{
width: 100%;
height: 100%;
border: #c3c3c3 1px solid;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
overflow: hidden;
position: absolute;
z-index: 0;
}
.inputBoxContainer .realInput{
width: 100%;
height: 100%;
position: absolute;
top:0;
left: 0;
z-index: 1;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.inputBoxContainer .bogusInput input{
padding: 0;
width: 16.3%;
height: 100%;
float:left;
background: #ffffff;
text-align: center;
font-size: 20px;
border: none;
border-right: #C3C3C3 1px solid;
}
.inputBoxContainer .bogusInput input:last-child{
border: none;
}
.confirmButton{
width: 0;
height: 0;
background:none;
border:0;
}
.showValue{
width: 240px;
height: 22px;
line-height: 22px;
font-size: 16px;
text-align: center;
margin: 0 auto;
}
